import React, { forwardRef } from 'react'
import { Line, Torus } from '@react-three/drei'

const Annulus = forwardRef((props, ref) => {
  return (
    <group ref={ref} >
      <Torus
        name="line1"
        args={[9, 0.01, 3, 64]} // [radius, tube, radialSegments, tubularSegments]
        position={[0, 0, 0]} // 设置Torus的位置
        rotation={[Math.PI / 2, 0, 0]} // 设置Torus的旋转角度
        color="orange" // 设置Torus的颜色
      >
        <meshBasicMaterial
          color={'orange'}
          opacity={1}
          transparent
        />
      </Torus>
      <Torus
        name="line2"
        args={[11, 0.01, 3, 64]} // [radius, tube, radialSegments, tubularSegments]
        position={[0, 0, 0]} // 设置Torus的位置
        rotation={[Math.PI / 2, 0, 0]} // 设置Torus的旋转角度
        color="#e01616" // 设置Torus的颜色
      >
        <meshBasicMaterial
          color={'#e01616'}
          opacity={1}
          transparent
        />
      </Torus>
    </group>
  )
})

export default Annulus;
